import Head from 'next/head';
import Examples from '../../../example-groups/EditingCRUD';

<Head>
  <title>Editing CRUD Inline Example - Mantine React Table Docs</title>
  <meta
    name="description"
    content="An example of Mantine React Table which shows how to use editing CRUD Inline table features"
  />
  <meta
    property="og:title"
    content="Editing CRUD Inline Table Mantine React Table Example"
  />
  <meta
    property="og:description"
    content="Learn how to use editing and all the CRUD functionality of Mantine React Table"
  />
</Head>

## Editing (CRUD) Inline Table Example

Full CRUD (Create, Read, Update, Delete) functionality can be easily implemented with Mantine React Table, with a combination of editing, toolbar, and row action features.

This example below uses the inline [`"table"`](/docs/guides/editing#row-editing-mode) editing mode, which allows you to edit a single cell at a time, but all rows are always in an open editing state. Hook up your own event listeners to save the data to your backend.

Check out the other editing modes down below, and the [editing guide](/docs/guides/editing) for more information.

<Examples isPage />

View Extra Storybook **[Examples](https://www.mantine-react-table.dev/?path=/story/features-editing-examples)**
